<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="/common/top::head">
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:replace="/common/top::header">

</div>
<div id="Content">
<div id="BackLink">
    <a href="CategoryController">Return
        to Category</a>
</div>

<div id="Catalog">

    <h2 th:text="${productName}"></h2>

    <table>
        <tr>
            <th>Item ID</th>
            <th>Product ID</th>
            <th>Description</th>
            <th>Item Price</th>
            <th>&nbsp;</th>
        </tr>
        <!-- list -->

        <tr th:each="item:${items}">
            <td th:text="${item.getItemId()}"><a th:href="|/catalog/ItemController?item_id=${item.getItemId()}|" th:text="${item.getItemId()}"></a></td>
            <td th:text="${item.getProductId()}">()</td>
            <td th:text=" ${item.getItemIntroduction()}"></td>
            <td th:text="${item.getItemPrice()}"></td>
            <td ><a class="Button" th:href="|/cart/AddToCartController?item_id=${item.getItemId()}|">Add to Cart</a></td>

        </tr>
    </table>
</div>
</div>
<div th:replace="common/bottom">

</div>

</body>
</html>